@CHARSET "UTF-8";
.main .body .cont{
	
}
.main .body .cont .titl{
	padding: 1em 2em;
	color: #ececec;
}
.main .body .cont .data{
	padding: 0em 1em 1em 1em;
	overflow: hidden;
}
.main .body .cont .data .ubic{
	width: 80%;
	height: 470px;
	float: left;
	background-color: gray;
}
.main .body .cont .data .pinn{
	width: 20%;
	height: 100%;
	float: left;
	background-color: white;
}
.main .body .cont .data .pinn .requ{
	
}
.main .body .cont .data .pinn .requ div{
	padding: 0.5em;
	text-align: center;
	background-color: #f8f8f8;
}
.main .body .cont .data .pinn .requ section{
	
}
.main .body .cont .data .pinn .requ section table{
	border-collapse: collapse;
	width: 100%;
	color: #666666;
}
.main .body .cont .data .pinn .requ section table tbody{
	
}
.main .body .cont .data .pinn .requ section table tbody tr{
	
}
.main .body .cont .data .pinn .requ section table tbody tr:hover{
	background-color: gray;
	color: white;
	cursor: pointer;
}
.main .body .cont .data .pinn .requ section table tbody tr td{
	
}
.main .body .cont .data .pinn .requ section table tbody tr td:first-child{
	width: 5em;
}
.main .body .cont .data .pinn .requ section table tbody tr td span{
	display: block;
	padding: 0.5em 0.5em;
}
.main .body .cont .data .pinn .mark{
	
}
.main .body .cont .data .pinn .mark div{
	padding: 0.5em;
	text-align: center;
	background-color: #f8f8f8;
}
.main .body .cont .data .pinn .mark section{
	
}
.main .body .cont .data .pinn .mark section table{
	border-collapse: collapse;
	width: 100%;
	color: #666666;
}
.main .body .cont .data .pinn .mark section table tbody{
	
}
.main .body .cont .data .pinn .mark section table tbody tr{
	
}
.main .body .cont .data .pinn .mark section table tbody tr:hover{
	background-color: gray;
	color: white;
	cursor: pointer;
}
.main .body .cont .data .pinn .mark section table tbody tr td{
	
}
.main .body .cont .data .pinn .mark section table tbody tr td:first-child{
	width: 5em;
}
.main .body .cont .data .pinn .mark section table tbody tr td span{
	display: block;
	padding: 0.5em 0.5em;
}